<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>食得爽-好吃又实惠</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Bakery In Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
		
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /><!-- bootstrap css -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

<link href="css/font-awesome.css" rel="stylesheet"> <!-- fontawesome css -->
<!--fonts-->
<link href="css/css1.css" rel="stylesheet" type="text/css">
<link href="css/css2.css" rel="stylesheet">
<!--//fonts-->
<style>
	.fonticon{width: 18%;
			margin: 0;
				}
	.team .social-icon{
		left: 5px !important;
		bottom: 0 !important;
		margin: 0 auto;
		padding: 0 !important;
		width: 95%;
		

	} 
	.contimg img{ height: 330px;}
	/* .boxshadow{box-shadow:  5px 5px 5px rgba(0, 0, 0, 0.274);} */
	.center{text-align: center;}
</style>

</head>
<body>

	<!-- header -->
	<div class="header" id="home">
		<div class="content white">
			<nav class="navbar navbar-default" role="navigation">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
						<a class="navbar-brand" href="index.html">
							<h1>食得爽</h1>
						</a>
					</div>
					<!--/.navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<nav>
							<ul class="nav navbar-nav">
								<li><a href="index.html" class="active">主页</a></li>
								<li><a href="about.html">关于</a></li>
								<li><a href="services.html">服务</a></li>	
								<li><a href="gallery.html">食谱</a></li>
								<li><a href="contact.html">联系方式</a></li>
							</ul>
						</nav>
					</div>
					<!--/.navbar-collapse-->
					<!--/.navbar-->
				</div>
			</nav>
		</div>
	</div>
	<!-- //header -->

	<!-- banner slider -->
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1" class=""></li>
			<li data-target="#myCarousel" data-slide-to="2" class=""></li>
			<li data-target="#myCarousel" data-slide-to="3" class=""></li>
		</ol>
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<div class="container">
					<div class="carousel-caption">
						<div class="col-md-6 slider_left">
							<h2>广东理工职业学院</h2>
							<h2>食得爽</h2>
							
						</div>
						<div class="col-md-6 slider_right">
							<img  src="images/tu/634902342229132544.jpg" alt="cake1" width="103%" height="429" />
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="item item2">
				<div class="container">
					<div class="carousel-caption">
						<div class="col-md-6 slider_left">
							<h2>广东理工职业学院</h2>
							<h2>食得爽</h2>
							
						</div>
						<div class="col-md-6 slider_right">
							<img  width="103%" height="429" src="images/c1.jpg" alt="cake1" />
						</div>
						<div class="clearfix "></div>
					</div>
				</div>
			</div>
			<div class="item item3">
				<div class="container">
					<div class="carousel-caption">
						<div class="col-md-6 slider_left">
							<h2>广东理工职业学院</h2>
							<h2>食得爽</h2>
							
						</div>
						<div class="col-md-6 slider_right">
							<img  src="images/tu/455549523110947162.jpg" alt="cake1" />
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="item item4">
				<div class="container">
					<div class="carousel-caption">
						<div class="col-md-6 slider_left">
							<h2>广东理工职业学院</h2>
							<h2>食得爽</h2>
						</div>
						<div class="col-md-6 slider_right">
							<img src="images/微信图片_20200612224037.jpg" alt="cake1" />
						</div>
						<div class="clearfix"></div>
					</div>
					</div>
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
			<span class="fa fa-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
			<span class="fa fa-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
		<!-- The Modal -->
	</div>
	<!-- //banner slider -->

<!-- welcome -->
<div class="welcome"> 
	<div class="container">
		<div class="col-md-6 welcome-w3lright">
			<div class="video-grid-single-page-agileits">
				<div data-video="qvtjaAW3m-E" id="video"> <img  src="images/tu/317438688441380597.jpg"alt="" class="img-responsive" /> </div>
			</div>
		</div> 
		<div class="col-md-6 welcome_left">
			<h3 class="agileits-title">欢迎来到食得爽			</h3>
			<p>食得爽餐饮服务有限公司成立于2021年，来自广东理工职业学院餐饮食店。店内食品包括火锅、 早点、 午餐、 龙虾 等知名餐饮。并拥有高级技师等专业人才组成的管理团队。拥有由国际烹饪艺术大师、中国烹饪大师、中国餐饮文化大师、国家级烹饪专家评委，以及高级技师等专业人才组成的管理团队，总营业面积近一百平方米。受到广东理工职业学院众教师及学生的喜爱。</p>   
		</div>
		<div class="clearfix"> </div>
	</div> 
</div>
<!-- //welcome -->

<!-- /about -->
	<div class="about">
		<div class="container">
			<div class="wthree_head_section">
				<h3 class="heading">了解更多关于我们的店</h3>
			</div>
			<div class="agile_wthree_inner_grids">
				<div class="col-md-6 about_agileinfo center">
				  <div class="mid-inner-info">
					  <div class="col-md-6 mid-inner-sec one">
							<span class="fa fa-birthday-cake" aria-hidden="true"></span>
							<h5>早点</h5>
							<p>肠粉</p>
							<p>早茶</p>
					    <p>牛肉面</p>
							
						</div>
						<div class="col-md-6 mid-inner-sec">
							<span class="fa fa-cutlery" aria-hidden="true"></span>
							<h5>肉食</h5>
							<p>黑椒羊排</p>
							<p>蜜汁叉烧</p>
						  <p>红烧猪蹄</p>
							
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-md-6 about_agileinfo center"><div class="mid-inner-info">
						<div class="col-md-6 mid-inner-sec one">
							<span class="fa fa-birthday-cake" aria-hidden="true"></span>
							<h5>甜品</h5>
							<p>马卡龙</p>
							<p>肉松面包</p>
						  <p>爆浆蛋糕</p>
							
						</div>
						<div class="col-md-6 mid-inner-sec">
							<span class="fa fa-spoon" aria-hidden="true"></span>
							<h5>火锅</h5>
							<p>鸳鸯火锅</p>
                            <p>麻辣火锅</p>
                            <p>番茄锅</p>
							
						</div>
						<p>&nbsp;</p>
						<div class="clearfix"></div>
					<h4>&nbsp;</h4>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
<!--//about -->
	
<!-- Popular cakes -->
<div class="popular_cakes">
	<div class="container">
		<h3 class="heading">最受欢迎的餐点</h3>
		<div class="cakes_grids contimg">
			<div class="col-md-4 boxshadow">
			<div class="cakes_grid1"><img src="images/tu/微信图片_20210411230007.jpg" width="1375" height="1013">
			  <h3>羊排</h3>
			</div>
			</div>
			<div class="col-md-4 boxshadow">
			<div class="cakes_grid1">
				<img src="images/tu/634902342229132544.jpg" alt="popular cakes" />
				<h3>龙虾套餐</h3>
			</div>
			</div>
			<div class="col-md-4 boxshadow">
			<div class="cakes_grid1"><img src="images/tu/微信图片_20210411231205.jpg" width="700" height="875" longdesc="index.html">
			  <h3>寿司盘			</h3>
			</div>
			</div>
			<div class="clearfix"></div>
			<div class="cakes_bottom_grids">
				<div class="col-md-4 boxshadow">
				<div class="cakes_grid1"><img src="images/tu/微信图片_20210411231214.jpg" width="700" height="1050" longdesc="index.html">
				  <h3>无骨鸡爪</h3>
				</div>
				</div>
				<div class="col-md-4 boxshadow">
				<div class="cakes_grid1">
				  <img  src="images/tu/455549523110947162.jpg" alt="popular cakes" />
					<h3>牛肉面</h3>
				</div>
				</div>
				<div class="col-md-4 boxshadow">
				<div class="cakes_grid1"><img src="images/tu/微信图片_20210411231301.jpg" width="1998" height="1423" longdesc="index.html">
				  <h3>趣味甜品</h3>
				</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div> 
</div>
<!-- //Popular cakes -->


<!-- team -->
	<div class="team" id="team">
	   <div class="agile_dot_info two">
		<div class="container">
		<h3 class="heading">我们的员工</h3>
			<div class="agileits_team_grids">
				<div class="col-md-3" style="width: 20%;">
				<div class="agileits_team_grid">
					<div class="agileits_team_grid_figure">
						<img src="./images/0d9cbde13970008f28f541cc2d68120.jpg" alt=" " class="img-responsive" />
					</div>
					<h4>黄晓君</h4>
					<div class="social-icon " >
						<a href="#" class="social-button facebook fonticon"><i class="fa fa-facebook "></i></a> 
						<a href="#" class="social-button twitter fonticon" ><i class="fa fa-twitter "></i></a>
						<a href="#" class="social-button google fonticon"><i class="fa fa-google-plus "></i></a> 
						<a href="#" class="social-button dribbble fonticon"><i class="fa fa-dribbble "></i></a> 
					</div>
				</div>
				</div>
				<div class="col-md-3" style="width: 20%;">
				<div class="agileits_team_grid">
					<div class="agileits_team_grid_figure">
						<img src="./images/06beafab717ff496e1d78a0ad097009.jpg" alt=" " class="img-responsive" />
					</div>
					<h4>叶慧怡</h4>
					<div class="social-icon">
						<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
						<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
						<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> 
						<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a> 
					</div>
				</div>
				</div>
				<div class="col-md-3" style="width: 20%;">
				<div class="agileits_team_grid">
					<div class="agileits_team_grid_figure">
						<img  src="./images/50656bdf3cd73a2b71bcb4a7a473cbc.jpg" alt=" " class="img-responsive" />
					</div>
					<h4>林丽雄</h4>
					<div class="social-icon">
						<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
						<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
						<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> 
						<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a> 
					</div>
				</div>
				</div>
				<div class="col-md-3" style="width: 20%;">
				<div class="agileits_team_grid">
					<div class="agileits_team_grid_figure">
						<img  src="./images/88a4b066d3caa8486e3f3c53d631cd4.jpg" alt=" " class="img-responsive" />
					</div>
					<h4>蔡楚滨</h4>
					<div class="social-icon">
						<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
						<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
						<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> 
						<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a> 
					</div>
				</div>
				</div>
				<div class="col-md-3" style="width: 20%;">
					<div class="agileits_team_grid">
						<div class="agileits_team_grid_figure">
							<img  src="./images/d0cb9d1f2b131108bde24fdf251eed4.jpg" alt=" " class="img-responsive" />
						</div>
						<h4>蔡浩东</h4>
						<div class="social-icon">
							<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
							<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
							<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> 
							<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a> 
						</div>
					</div>
					</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
</div>
<!-- //team -->

<!-- testimonials -->
	<div class="testimonials">
		<div class="container">
		<h3 class="heading">我们的客户评论</h3>
			<div class="testimonials-grids">
				<div class="wmuSlider example1 animated wow slideInUp" data-wow-delay=".5s">
					<div class="wmuSliderWrapper">
						<article style="position: absolute; width: 100%; opacity: 0;"> 
							<div class="banner-wrap">
								<div class="testimonials-grid">
									<div class="testimonials-grid-left">
										<img  src="images/微信图片_20200612230359.jpg"alt=" " class="img-responsive" />
									</div>
									<div class="testimonials-grid-right">
										<p>滴，食得爽忠实粉丝打个火锅卡，今天的火锅也是超级正宗超级实惠呢！</p>
										<h4>猛男</h4>
									</div>
									<div class="clearfix"> </div>
								</div>
							</div>
						</article>
						<article style="position: absolute; width: 100%; opacity: 0;"> 
							<div class="banner-wrap">
								<div class="testimonials-grid">
									<div class="testimonials-grid-left">
										<img  src="images/微信图片_20200612230348.jpg" alt=" " class="img-responsive" />
									</div>
									<div class="testimonials-grid-right">
										<p>真的太好吃了，早点很精致，很实惠，分量还多，已经点了好多次了，爱了爱了！！</p>
										<h4>二狗子</h4>
									</div>
									<div class="clearfix"> </div>
								</div>
							</div>
						</article>
						<article style="position: absolute; width: 100%; opacity: 0;"> 
							<div class="banner-wrap">
								<div class="testimonials-grid">
									<div class="testimonials-grid-left">
										<img src="images/微信图片_20200612230354.jpg"alt=" " class="img-responsive" />
									</div>
									<div class="testimonials-grid-right">
										<p>包装很棒，牛肉面汤汁分离，味道很nice, 强推！！</p>
										<h4>太空人</h4>
									</div>
									<div class="clearfix"> </div>
								</div>
							</div>
						</article>
						<article style="position: absolute; width: 100%; opacity: 0;"> 
							<div class="banner-wrap">
								<div class="testimonials-grid">
									<div class="testimonials-grid-left">
										<img  src="images/微信图片_20200612230340.jpg"alt=" " class="img-responsive" />
									</div>
									<div class="testimonials-grid-right">
										<p>好吃！很对口味，是我期待的味道，龙虾的个头是真的大！</p>
										<h4>小姐姐</h4>
									</div>
									<div class="clearfix"> </div>
								</div>
							</div>
						</article>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- //testimonials -->

<!-- subscribe -->
<div class="subscribe">
	<div class="container">
		<h3 class="heading">订阅获取通知</h3>
		<div class="subscribe-grid">
			<form action="#" method="post">
				<input type="email" placeholder="请输入您的电子邮件" name="email" required>
				<button class="btn1"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></button>
			</form>
		</div>
	</div>
</div>
<!-- //subscribe -->

<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="w3_agile_footer_grids">
				<ul class="col-md-3 col-xs-6 w3_agile_footer_grid right">
					<h3>营业时间</h3>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期一 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期二 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期三 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期四 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期五 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期六 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期日 <span>休息</span></li>
				</ul>
				<div class="col-md-3 col-xs-6 w3_agile_footer_grid">
				  <h3>导航</h3>
					<ul class="agileits_w3layouts_footer_grid_list">
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="index.html">主页</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="about.html">关于</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="services.html">服务</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="gallery.html">食谱</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="contact.html">联系方式</a>
						</li>
					</ul>
				</div>
				<div class="col-md-3 col-xs-6 w3ls_address_mail_footer_grids w3_agile_footer_grid">
					<h3>联系方式</h3>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-map-marker" aria-hidden="true"></span>
						</div>
						<p>广东省中山市广东理工职业学院<span></span>
						</p>
						<div class="clearfix"></div>
					</div>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-phone" aria-hidden="true"></span>
						</div>
						<p>+(112) 123 456 789</p>
						<div class="clearfix"></div>
					</div>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-envelope-o" aria-hidden="true"></span>
						</div>
						<p>
						<a href="mailto:info@example.com">asdl@qq.com</a></p>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-md-3 col-xs-6 w3_agile_footer_grid">
					<h3>特色</h3>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img  src="images/tu/25171821641618472.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img  src="images/tu/455549523110947162.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
				  <div class="w3_agileits_footer_grid_left"><a href="#"><a href="#"><img src="images/tu/484576552481627287.jpg" alt=" " height="115" class="img-responsive" /></a></a></div>
					<span class="w3_agileits_footer_grid_left"><img src="images/tu/03.jpg" width="1024" height="88" longdesc="index.html"></span><span class="w3_agileits_footer_grid_left"><a href="#"></a><img src="images/tu/0.jpg" width="1280" height="88"></span><span class="w3_agileits_footer_grid_left"><a href="#"><img src="images/tu/25170304845843194.jpg" width="1626" height="93" longdesc="index.html"></a></span>
				  <div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agileinfo_copyright">
				<p>© 2021 meishi | yinxingfuhaozuzhi</p>
			</div>
		</div>
	</div>
<!-- //footer -->

<!-- Supportive js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //Supportive js -->

<!-- banner bottom video script -->
<script src="js/simplePlayer.js"></script>
			<script>
				$("document").ready(function() {
					$("#video").simplePlayer();
				});
</script>
<!-- //banner bottom video script -->

<!-- testimonials plugin script -->
	<script src="js/jquery.wmuSlider.js"></script> 
	<script>
		$('.example1').wmuSlider();         
	</script> 
<!-- testimonials plugin script -->

<!-- smooth scrolling js -->
<script src="js/SmoothScroll.min.js"></script>
<!-- smooth scrolling js -->

<!-- start-smooth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>

	<!-- here starts scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->

<!-- move to top-js-files -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
<!-- //move to top-js-files -->

<script type="text/javascript" src="js/bootstrap.js"></script><!-- bootstrap js file -->

</body>
</html>